import React from 'react'
import { NavLink } from 'react-router-dom'
import style from './home.module.css'
import News from '../../components/News/News'
const { box, header, nav, bg } = style

export default function Home() {
  return (
    <div className={box}>
      <div className={header}>
        <i className={`iconfont icon-keji-`} style={{ fontSize: '40px' }}></i>
        <p>Welcome to 有宠</p>
      </div>
      <div className={bg}>
        <div className={nav}>
          <div>
            <NavLink to="/shop">
              <i className={`iconfont icon-laba`} />
              <p>小店动态</p>
            </NavLink>
          </div>
          <div>
            <NavLink to="/pet">
              <i className={`iconfont icon-chongwu`} />
              <p>宠物常识</p>
            </NavLink>
          </div>
          <div>
            <NavLink to="/guide">
              <i className={`iconfont icon-zhuyishixiang`} />
              <p>注意事项</p>
            </NavLink>
          </div>
          <div>
            <NavLink to="/projectreservation">
              <i className={`iconfont icon-ico_yuyueguanli_jiedaiyuyue`} />
              <p>项目预约</p>
            </NavLink>
          </div>
        </div>
        <div>
          <News />
        </div>
      </div>
    </div>
  )
}
